<!DOCTYPE HTML>
<!--[if IE 8]>
<html class="ie8 no-js" xmlns:th="http://www.thymeleaf.org"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html class="no-js" xmlns:th="http://www.thymeleaf.org"> <!--<![endif]-->
<head th:replace="common/head::sf-head"></head>
<body>
<!-- begin container -->
<div id="wrap">
    <!-- begin header -->
    <div th:replace="common/header::sf-protal-header"></div>
    <!-- end header -->

    <!-- begin content -->
    <section id="content" class="container clearfix">
        <!-- begin page header -->
        <header id="page-header">
            <h1 id="page-title">关于我们</h1>
        </header>
        <!-- end page header -->

        <!-- begin main content -->
        <div class="intro">
            <p>
                胜凡软件责任有限公司位于河北省张家口市宣化区，公司主要经营集研发、销售、生产和服务于一体的现代高科技企业，构筑了面向全国的经营和服务网络，涵盖智能建筑、信息化、信息安全、云计算与大数据、智慧化应用等业务领域，涉及各行业应用。</p>
        </div>

        <p>
            公司以对客户业务的深刻理解，卓越的行业信息化解决方案、为客户提供贯穿业务流程的整体信息化建设的“一站式”服务。公司的电子办公、ERP、SCM、CRM、PMS、SRM等系统在各大领域拥有大量成功案例。
            公司秉承“客户为尊、服务为荣、创意为先、技术为实”的经营理念，恪守“共创、共享、共赢”的企业精神，奉行“知人善任、人尽其才”的人才理念，通过开放式创新、卓越运营管理、人力资源发展等战略的实施，
            以一流的服务、一流的技术和一流的产品，全面打造公司的核心竞争力，成就最优秀的行业品牌，提供最有价值的行业服务。
        </p>

        <div class="space20"></div>

        <!-- begin team -->
        <section>
            <h2>我们的团队</h2>
            <div class="team-member one-fourth">
                <img class="photo" th:src="@{/images/demo/team-member.png}" src="../static/images/demo/team-member.png" alt="Team Member">
                <div class="content">
                    <h3 class="name">赵英胜</h3>
                    <span class="job-title">Director and Founder</span>
                    <p>Cras pellentesque suscipit iaculis. Nulla lobortis, risus sed consequat pretium, ligula tellus
                        luctus ipsum, non egestas elit enim et orci. Sed blandit ligula.</p>
                </div>
                <ul class="social-links">
                    <li class="twitter"><a href="#" title="Twitter" target="_blank">Twitter</a></li>
                    <li class="facebook"><a href="#" title="Facebook" target="_blank">Facebook</a></li>
                    <li class="linkedin"><a href="#" title="LinkedIn" target="_blank">LinkedIn</a></li>
                    <li class="googleplus"><a href="#" title="Google+" target="_blank">Google+</a></li>
                    <li class="skype"><a href="#" title="Skype" target="_blank">Skype</a></li>
                    <li class="email"><a href="#" title="Email" target="_blank">Email</a></li>
                </ul>
            </div>

            <div class="team-member one-fourth">
                <img class="photo" th:src="@{/images/demo/team-member.png}" src="../static/images/demo/team-member.png" alt="Team Member">
                <div class="content">
                    <h3 class="name">李东旭</h3>
                    <span class="job-title">项目负责人</span>
                    <p>Cras pellentesque suscipit iaculis. Nulla lobortis, risus sed consequat pretium, ligula tellus
                        luctus ipsum, non egestas elit enim et orci. Sed blandit ligula.</p>
                </div>
                <ul class="social-links">
                    <li class="twitter"><a href="#" title="Twitter" target="_blank">Twitter</a></li>
                    <li class="facebook"><a href="#" title="Facebook" target="_blank">Facebook</a></li>
                    <li class="linkedin"><a href="#" title="LinkedIn" target="_blank">LinkedIn</a></li>
                    <li class="googleplus"><a href="#" title="Google+" target="_blank">Google+</a></li>
                    <li class="skype"><a href="#" title="Skype" target="_blank">Skype</a></li>
                    <li class="email"><a href="#" title="Email" target="_blank">Email</a></li>
                </ul>
            </div>

            <div class="team-member one-fourth">
                <img class="photo" th:src="@{/images/demo/team-member.png}" src="../static/images/demo/team-member.png" alt="Team Member">
                <div class="content">
                    <h3 class="name">刘斌</h3>
                    <span class="job-title">项目负责人</span>
                    <p>Cras pellentesque suscipit iaculis. Nulla lobortis, risus sed consequat pretium, ligula tellus
                        luctus ipsum, non egestas elit enim et orci. Sed blandit ligula.</p>
                </div>
                <ul class="social-links">
                    <li class="twitter"><a href="#" title="Twitter" target="_blank">Twitter</a></li>
                    <li class="facebook"><a href="#" title="Facebook" target="_blank">Facebook</a></li>
                    <li class="linkedin"><a href="#" title="LinkedIn" target="_blank">LinkedIn</a></li>
                    <li class="googleplus"><a href="#" title="Google+" target="_blank">Google+</a></li>
                    <li class="skype"><a href="#" title="Skype" target="_blank">Skype</a></li>
                    <li class="email"><a href="#" title="Email" target="_blank">Email</a></li>
                </ul>
            </div>

            <div class="team-member one-fourth column-last">
                <img class="photo" th:src="@{/images/demo/team-member.png}" src="../static/images/demo/team-member.png" alt="Team Member">
                <div class="content">
                    <h3 class="name">坤啊坤</h3>
                    <span class="job-title">Copywriter</span>
                    <p>Cras pellentesque suscipit iaculis. Nulla lobortis, risus sed consequat pretium, ligula tellus
                        luctus ipsum, non egestas elit enim et orci. Sed blandit ligula.</p>
                </div>
                <ul class="social-links">
                    <li class="twitter"><a href="#" title="Twitter" target="_blank">Twitter</a></li>
                    <li class="facebook"><a href="#" title="Facebook" target="_blank">Facebook</a></li>
                    <li class="linkedin"><a href="#" title="LinkedIn" target="_blank">LinkedIn</a></li>
                    <li class="googleplus"><a href="#" title="Google+" target="_blank">Google+</a></li>
                    <li class="skype"><a href="#" title="Skype" target="_blank">Skype</a></li>
                    <li class="email"><a href="#" title="Email" target="_blank">Email</a></li>
                </ul>
            </div>

            <div class="clear"></div>

            <div class="team-member one-fourth">
                <img class="photo" th:src="@{/images/demo/team-member.png}" src="../static/images/demo/team-member.png" alt="Team Member">
                <div class="content">
                    <h3 class="name">阿瑞</h3>
                    <span class="job-title">Web Developer</span>
                    <p>Cras pellentesque suscipit iaculis. Nulla lobortis, risus sed consequat pretium, ligula tellus
                        luctus ipsum, non egestas elit enim et orci. Sed blandit ligula.</p>
                </div>
                <ul class="social-links">
                    <li class="twitter"><a href="#" title="Twitter" target="_blank">Twitter</a></li>
                    <li class="facebook"><a href="#" title="Facebook" target="_blank">Facebook</a></li>
                    <li class="linkedin"><a href="#" title="LinkedIn" target="_blank">LinkedIn</a></li>
                    <li class="googleplus"><a href="#" title="Google+" target="_blank">Google+</a></li>
                    <li class="skype"><a href="#" title="Skype" target="_blank">Skype</a></li>
                    <li class="email"><a href="#" title="Email" target="_blank">Email</a></li>
                </ul>
            </div>

            <div class="team-member one-fourth">
                <img class="photo"  th:src="@{/images/demo/team-member.png}" src="../static/images/demo/team-member.png" alt="Team Member">
                <div class="content">
                    <h3 class="name">xxxx</h3>
                    <span class="job-title">Web Designer</span>
                    <p>Cras pellentesque suscipit iaculis. Nulla lobortis, risus sed consequat pretium, ligula tellus
                        luctus ipsum, non egestas elit enim et orci. Sed blandit ligula.</p>
                </div>
                <ul class="social-links">
                    <li class="twitter"><a href="#" title="Twitter" target="_blank">Twitter</a></li>
                    <li class="facebook"><a href="#" title="Facebook" target="_blank">Facebook</a></li>
                    <li class="linkedin"><a href="#" title="LinkedIn" target="_blank">LinkedIn</a></li>
                    <li class="googleplus"><a href="#" title="Google+" target="_blank">Google+</a></li>
                    <li class="skype"><a href="#" title="Skype" target="_blank">Skype</a></li>
                    <li class="email"><a href="#" title="Email" target="_blank">Email</a></li>
                </ul>
            </div>
            <div class="clear"></div>
        </section>
        <!-- end team -->

        <!-- begin clients -->
        <section>
            <h2>合作伙伴</h2>
            <ul class="clients clearfix">
                <li><a href="#"><img th:src="@{/images/client-logos/themeforest.png}" src="../static/images/client-logos/themeforest.png" alt="ThemeForest"
                                     title="ThemeForest"></a></li>
                <li><a href="#"><img th:src="@{/images/client-logos/themeforest.png}" src="../static/images/client-logos/photodune.png" alt="PhotoDune"
                                     title="PhotoDune"></a></li>
                <li><a href="#"><img th:src="@{/images/client-logos/themeforest.png}" src="../static/images/client-logos/audiojungle.png" alt="AudioJungle"
                                     title="AudioJungle"></a></li>
                <li><a href="#"><img th:src="@{/images/client-logos/themeforest.png}" src="../static/images/client-logos/codecanyon.png" alt="CodeCanyon"
                                     title="CodeCanyon"></a></li>
                <li><a href="#"><img th:src="@{/images/client-logos/themeforest.png}" src="../static/images/client-logos/graphicriver.png" alt="GraphicRiver"
                                     title="GraphicRiver"></a></li>

                <li><a href="#"><img th:src="@{/images/client-logos/themeforest.png}" src="../static/images/client-logos/graphicriver.png" alt="GraphicRiver"
                                     title="GraphicRiver"></a></li>
                <li><a href="#"><img th:src="@{/images/client-logos/themeforest.png}" src="../static/images/client-logos/audiojungle.png" alt="AudioJungle"
                                     title="AudioJungle"></a></li>
                <li><a href="#"><img th:src="@{/images/client-logos/themeforest.png}" src="../static/images/client-logos/codecanyon.png" alt="CodeCanyon"
                                     title="CodeCanyon"></a></li>
                <li><a href="#"><img th:src="@{/images/client-logos/themeforest.png}" src="../static/images/client-logos/photodune.png" alt="PhotoDune"
                                     title="PhotoDune"></a></li>
                <li><a href="#"><img th:src="@{/images/client-logos/themeforest.png}" src="../static/images/client-logos/themeforest.png" alt="ThemeForest"
                                     title="ThemeForest"></a></li>
            </ul>
        </section>
        <!-- end clients -->

        <!-- end main content -->
    </section>
    <!-- end content -->

    <!-- begin footer -->
    <footer th:replace="common/footer::sf-protal-footer"></footer>
    <!-- end footer -->
</div>
<!-- end container -->
</body>
</html>